import { fetch, save } from "../utils/todoStorage";
import { ref, watchEffect } from "vue";

export default function useTodoList() {
    const todoRef = ref(fetch());
    // 监听副作用
    watchEffect(() => {
        // 只要在函数内部使用了响应式数据，那么该函数就依赖该响应数据 该响应数据发生变化，就会触发
        save(todoRef.value);
    });
    return { todoRef }
}